<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--360浏览器优先以webkit内核解析-->
  <title>翼城县档案馆协同办公软件</title>
  <link rel="shortcut icon" href="favicon.ico">
  <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
  <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
  <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
  <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">

<div class="wrapper wrapper-content">

  <div class="row">
    <div class="col-lg-2">
      <div class="ibox ">
        <div class="ibox-title">
          <h5>短信发送次数</h5>
        </div>
        <div class="ibox-content">
          <h1 class="no-margins">2</h1>
          <div class="stat-percent font-bold text-success">0 </div>
          <small>通知用户数</small>
        </div>
      </div>
    </div>
    <div class="col-lg-2">
      <div class="ibox ">
        <div class="ibox-title">
          <h5>任务次数</h5>
        </div>
        <div class="ibox-content">
          <h1 class="no-margins">0</h1>
          <div class="stat-percent font-bold text-info">未审 0 </div>
          <small>已通过审核</small>
        </div>
      </div>
    </div>

    <div class="col-lg-4">
      <div class="ibox ">
        <div class="ibox-title">
          <h5>交办工作</h5>
        </div>
        <div class="ibox-content">

          <div class="row">
            <div class="col-md-6" style="max-width:35%;">
              <h1 class="no-margins">0</h1>
              <div class="font-bold text-navy"><small>已办</small> </div>
            </div>
            <div class="col-md-6" style="max-width:65%;">
              <h1 class="no-margins">0</h1>
              <div class="font-bold text-navy"><small>待办</small> </div>
            </div>

          </div>


        </div>
      </div>
    </div>
    <div class="col-lg-4">
      <div class="ibox ">
        <div class="ibox-title">
          <h5>账号登陆信息：</h5>
        </div>
        <div class="ibox-content">

          <div class="row">
            <div class="col-md-6" style="max-width:45%;">
              <h1 class="no-margins" style="font-size: 26px;">2021-11-15</h1>
              <div class="font-bold"><small>上次登陆时间</small> <i class="fa fa-check"></i></div>
            </div>
            <div class="col-md-6" style="max-width:55%;">
              <h1 class="no-margins" style="font-size: 26px;">192.168.0.8</h1>
              <div class="font-bold"><small>上次登陆IP</small> <i class="fa fa-unlock-alt"></i></div>
            </div>
          </div>


        </div>
      </div>
    </div>


    <div class="col-lg-12">

      <div class="row">
        <div class="col-lg-4">

          <div class="ibox ">
            <div class="ibox-title">
              <h5>我的待办</h5> <A href="/leave/leaveTodo"><span class="label label-primary">MORE+</span></A>
              <div class="ibox-tools">
                <a class="collapse-link" href="">
                  <i class="fa fa-chevron-up"></i>
                </a>
              </div>
            </div>
            <div class="ibox-content no-padding">
              <div class="table-responsive"  style="padding:10px 15px 0px 15px;">
                <table class="table table-striped">
                  <thead>
                  <tr>
                    <th>#</th>
                    <th>任务名称</th>
                    <th>创建时间</th>
                  </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>张喜芬来档案馆查询张波档案</td>
                      <td>2021-11-01</td>
                    </tr>

                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">

          <div class="ibox ">
            <div class="ibox-title">
              <h5>我的已办</h5> <A href="/leave/leaveDone"><span class="label label-primary">MORE+</span></A>
              <div class="ibox-tools">
                <a class="collapse-link" href="">
                  <i class="fa fa-chevron-up"></i>
                </a>
              </div>
            </div>
            <div class="ibox-content no-padding">
              <div class="table-responsive"  style="padding:10px 15px 0px 15px;">
                <table class="table table-striped">
                  <thead>
                  <tr>
                    <th>#</th>
                    <th>任务名称</th>
                    <th>创建时间</th>
                  </tr>
                  </thead>
                  <tbody>
                        <tr>
                          <td>1</td>
                          <td>张哲铭申请查询档案</td>
                          <td>2021-10-11</td>
                        </tr>

                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">

          <div class="ibox ">
            <div class="ibox-title">
              <h5>公告通知 </h5> <A href="/system/notice"><span class="label label-primary">MORE+</span></A>
              <div class="ibox-tools">
                <a class="collapse-link" href="">
                  <i class="fa fa-chevron-up"></i>
                </a>
              </div>
            </div>
            <div class="ibox-content ibox-heading">
              <h3><i class="fa fa-envelope-o"></i> 新消息</h3>
              <small><i class="fa fa-tim"></i> 此处仅显示最近发布的 0 条信息，其余信息点击更多查看。</small>
            </div>
            <div class="ibox-content">
              <div class="feed-activity-list">

                <div class="feed-element">
                  <div>
                    <small class="float-right text-navy">2021.11.06 8:48</small>
                    <strong class="text-navy">协同办公系统上线通知</strong>
                    <div class="aaa">
                      帮助用户在业务管理上进行审批操作。
                    </div>
                  </div>
                </div>



              </div>
            </div>
          </div>

        </div>

      </div>
    </div>

  </div>
</div>















<!--<div class="row">-->
<!--    <div class="col-sm-4">-->
<!--      <div class="ibox">-->
<!--        <div class="ibox-title">-->
<!--          <span class="label label-primary pull-right">更多..</span>-->
<!--          <h5>通知公告</h5>-->
<!--        </div>-->
<!--        <div class="ibox-content">-->
<!--          <table id="bootstrap-table"></table>-->

<!--        </div>-->
<!--      </div>-->

<!--    </div>-->
<!--    <div class="col-sm-4">-->
<!--      <div class="ibox">-->
<!--        <div class="ibox-title">-->
<!--          <h5>我的待办</h5>-->
<!--        </div>-->
<!--        <div class="ibox-content">-->


<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div class="col-sm-4">-->
<!--      <div class="ibox">-->
<!--        <div class="ibox-title">-->

<!--          <h5>我的已办</h5>-->
<!--        </div>-->
<!--        <div class="ibox-content">-->


<!--        </div>-->
<!--      </div>-->

<!--    </div>-->
<!--  </div>-->



<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script type="text/javascript">
  $(function() {
    var options = {
      url: "/system/notice/list",
      showSearch: false,
      showRefresh: false,
      showToggle: false,
      showColumns: false,
      columns : [
       {
          field : 'noticeTitle',
          title : '公告标题'
        }, {
          field : 'createTime',
          title : '发布时间'
        }

      ]
    };
    $.table.init(options);
  });
</script>
</body>
</html>
